export default function WorldClassPublishingPromptGenerator() {
  const translations = {
    en: {
      title: "{t.title}",
      subtitle: "{t.subtitle}",
      brandInfo: "{t.brandInfo}",
      publicationType: "{t.publicationType}",
      publishingModel: "{t.publishingModel}",
      contentVariables: "{t.contentVariables}",
      designSettings: "{t.designSettings}",
      generate: "{t.generate}",
      sample: "{t.sample}",
      brandName: "Brand Name",
      productName: "Product Name",
      founder: "Founder / CEO Name",
      email: "Contact Email",
      phone: "Phone Number",
      website: "Website",
      address: "Business Address",
      description: "Brand Description"
    },
    fr: {
      title: "GÉNÉRATEUR IA DE JOURNAUX ET MAGAZINES DE CLASSE MONDIALE",
      subtitle: "Générez des prompts de publication haut de gamme pour journaux, magazines, publireportages, campagnes politiques, lancements de marques et publications promotionnelles de luxe.",
      brandInfo: "INFORMATIONS SUR LA MARQUE",
      publicationType: "TYPE DE PUBLICATION",
      publishingModel: "MODÈLE DE PUBLICATION",
      contentVariables: "VARIABLES DE CONTENU",
      designSettings: "PARAMÈTRES DE DESIGN",
      generate: "GÉNÉRER UN PROMPT DE CLASSE MONDIALE",
      sample: "EXEMPLE DE COUVERTURE DE JOURNAL IA",
      brandName: "Nom de la marque",
      productName: "Nom du produit",
      founder: "Nom du Fondateur / PDG",
      email: "Email de contact",
      phone: "Numéro de téléphone",
      website: "Site web",
      address: "Adresse professionnelle",
      description: "Description de la marque"
    }
  };

  const [lang, setLang] = React.useState('en');
  const t = translations[lang];
  const newspaperTypes = [
    "National Newspaper","Local Community Newspaper","Financial Newspaper","Business Journal","Political Newspaper","Sports Daily","Entertainment Tabloid","Luxury Lifestyle Magazine","Fashion Magazine","Technology Magazine",
    "AI Industry Magazine","Real Estate Newspaper","Crypto Newspaper","Startup Magazine","Medical Journal","Health Magazine","Travel Magazine","Tourism Guide","Education Newspaper","University Press",
    "Youth Magazine","Children's Newspaper","Gaming Magazine","Science Magazine","Space Exploration Magazine","Environmental Newspaper","Agriculture Newspaper","Food Magazine","Restaurant Review Paper","Wedding Magazine",
    "Automobile Magazine","Motorcycle Magazine","Aviation Journal","Military Newspaper","Historical Newspaper","Vintage 1920s Press","Victorian Era Paper","Breaking News Bulletin","Election Newspaper","Campaign Gazette",
    "Celebrity Magazine","Movie Magazine","Music Magazine","Hip-Hop Newspaper","Christian Newspaper","Church Bulletin","Islamic Magazine","NGO Impact Report","Charity Newspaper","Corporate Magazine",
    "Investor Magazine","Stock Market Newspaper","Luxury Brand Magazine","Streetwear Magazine","Beauty Magazine","Fitness Magazine","Wellness Journal","Photography Magazine","Architecture Magazine","Interior Design Magazine",
    "Construction Newspaper","Legal Journal","Crime Newspaper","Investigative Magazine","Tech Startup Newspaper","Future Trends Magazine","Digital Marketing Magazine","Social Media Magazine","Influencer Magazine","Podcast Magazine",
    "E-commerce Magazine","Dropshipping Newspaper","Affiliate Marketing Magazine","Luxury Watch Magazine","Jewelry Magazine","Art Magazine","Comic Newspaper","Anime Magazine","Esports Magazine","Adventure Magazine",
    "Wildlife Magazine","Marine News Journal","Energy Newspaper","Oil & Gas Journal","Mining Newspaper","African Business Magazine","Pan-African Newspaper","Global Affairs Journal","Diplomatic Review","Luxury Travel Gazette",
    "Airport Magazine","Hotel Magazine","Resort Magazine","Festival Newspaper","Event Magazine","Conference Newspaper","AI Advertorial Newspaper","Brand Promotion Magazine","Product Launch Newspaper","Modern Editorial Magazine"
  ];

  const publishingModels = [
    "Breaking News Front Page","Advertorial Campaign","Sponsored Feature Story","Investor Relations Publication","Corporate Brand Awareness Edition","Political Campaign Promotion","Election Coverage Model","Luxury Product Showcase","AI Product Launch",
    "Startup Pitch Newspaper","Community Outreach Edition","Direct Response Sales Newspaper","Long-form Sales Editorial","Social Media Viral Newspaper","Instagram Editorial Carousel","TikTok News Style Campaign","LinkedIn Executive Magazine",
    "Thought Leadership Magazine","Educational Awareness Publication","Government Information Bulletin","Real Estate Lead Generation Paper","Restaurant Promotion Magazine","Hotel Brand Magazine","Travel Destination Showcase","Luxury Fashion Editorial",
    "Automotive Product Launch","Tech Gadget Release Edition","Financial Report Publication","Annual Company Report","Quarterly Brand Magazine","Customer Success Story Edition","Testimonial Newspaper","Influencer Collaboration Edition",
    "Black Friday Sales Newspaper","Holiday Promotional Magazine","Festival Event Promotion","Conference Daily Newspaper","Church Outreach Newspaper","Youth Awareness Campaign","NGO Humanitarian Magazine","Environmental Awareness Edition",
    "Crypto Investor Newsletter","Stock Trading Journal","Business Growth Newspaper","Entrepreneurship Magazine","AI Marketing Newspaper","Future Technology Review","Digital Product Showcase","E-learning Promotion",
    "Healthcare Awareness Magazine","Medical Product Promotion","Fitness Transformation Magazine","Beauty Brand Editorial","Luxury Jewelry Showcase","Watch Collection Magazine","Interior Design Showcase","Architecture Portfolio Newspaper",
    "Construction Project Magazine","Legal Advisory Publication","Crime Investigation Feature","Sports Tournament Newspaper","Football Championship Edition","Olympic Coverage Model","Music Festival Magazine","Movie Premiere Newspaper",
    "Gaming Tournament Magazine","Anime Fan Publication","Comic Convention Newspaper","Education Institution Prospectus","University Research Journal","Children Learning Newspaper","Science Discovery Magazine","Space Exploration Feature",
    "Agriculture Innovation Journal","Food Industry Magazine","Restaurant Launch Campaign","Wedding Planner Magazine","Tourism Authority Newspaper","Airline Magazine","Airport Information Publication","Resort Experience Magazine",
    "Energy Sector Journal","Oil & Gas Investor Report","Mining Industry Magazine","African Development Newspaper","International Affairs Magazine","Diplomatic Relations Journal","Military Operations Review","Luxury Lifestyle Edition"
  ];

  return (
    <div className="min-h-screen bg-neutral-100 p-6 text-black">
      <div className="max-w-7xl mx-auto bg-white rounded-3xl shadow-2xl p-8 border border-neutral-300">
        <div className="flex justify-end mb-4">
          <div className="flex gap-2 bg-neutral-200 rounded-2xl p-2">
            <button
              onClick={() => setLang('en')}
              className={`px-4 py-2 rounded-xl font-bold ${lang === 'en' ? 'bg-black text-white' : 'bg-white text-black'}`}
            >
              ENG
            </button>
            <button
              onClick={() => setLang('fr')}
              className={`px-4 py-2 rounded-xl font-bold ${lang === 'fr' ? 'bg-black text-white' : 'bg-white text-black'}`}
            >
              FR
            </button>
          </div>
        </div>

        <div className="text-center mb-10">
          <h1 className="text-5xl font-black tracking-tight">WORLD CLASS AI NEWSPAPER & MAGAZINE PROMPT GENERATOR</h1>
          <p className="text-lg mt-4 text-neutral-700">
            Generate elite publishing prompts for newspapers, magazines, advertorials, political campaigns, brand launches, viral social media editorials, and luxury promotional publications.
          </p>
        </div>

        <div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6">
          <section className="bg-neutral-50 p-5 rounded-2xl border">
            <h2 className="text-2xl font-bold mb-4">BRAND INFORMATION</h2>
            <div className="space-y-3">
              <input className="w-full border rounded-xl p-3" placeholder={t.brandName} />
              <input className="w-full border rounded-xl p-3" placeholder={t.productName} />
              <input className="w-full border rounded-xl p-3" placeholder={t.founder} />
              <input className="w-full border rounded-xl p-3" placeholder={t.email} />
              <input className="w-full border rounded-xl p-3" placeholder={t.phone} />
              <input className="w-full border rounded-xl p-3" placeholder={t.website} />
              <input className="w-full border rounded-xl p-3" placeholder={t.address} />
              <textarea className="w-full border rounded-xl p-3" rows="4" placeholder={t.description}></textarea>
            </div>
          </section>

          <section className="bg-neutral-50 p-5 rounded-2xl border">
            <h2 className="text-2xl font-bold mb-4">PUBLICATION TYPE</h2>
            <select className="w-full border rounded-xl p-3 h-64">
              {newspaperTypes.map((type, index) => (
                <option key={index}>{type}</option>
              ))}
            </select>
          </section>

          <section className="bg-neutral-50 p-5 rounded-2xl border">
            <h2 className="text-2xl font-bold mb-4">PUBLISHING MODEL</h2>
            <select className="w-full border rounded-xl p-3 h-64">
              {publishingModels.map((type, index) => (
                <option key={index}>{type}</option>
              ))}
            </select>
          </section>
        </div>

        <div className="grid grid-cols-1 md:grid-cols-2 gap-6 mt-8">
          <section className="bg-neutral-50 p-5 rounded-2xl border">
            <h2 className="text-2xl font-bold mb-4">CONTENT VARIABLES</h2>
            <div className="grid grid-cols-2 gap-3 text-sm">
              {[
                "Breaking News Headline","Luxury Headline","Political Tone","Corporate Tone","Viral Social Hook","Editorial Style","Investigative Journalism","Financial Analysis","Tech Innovation Story","Celebrity Feature",
                "Product Benefits","Consumer Pain Points","Customer Testimonial","Case Study","Statistics Section","Infographic Prompt","Pull Quotes","Interview Questions","Founder Story","Market Trends",
                "SEO Keywords","Call To Action","QR Code Placement","Subscription Offer","Lead Generation Box","Advertisement Banner","Social Media CTA","Influencer Mention","Crisis Response","Election Messaging",
                "Sports Coverage","Entertainment Review","Health Advisory","Travel Guide","Restaurant Review","Luxury Lifestyle","AI Industry Report","Crypto Analysis","Startup Story","Community Impact"
              ].map((item,index)=>(
                <label key={index} className="flex items-center gap-2 border rounded-xl p-2 bg-white">
                  <input type="checkbox" /> {item}
                </label>
              ))}
            </div>
          </section>

          <section className="bg-neutral-50 p-5 rounded-2xl border">
            <h2 className="text-2xl font-bold mb-4">DESIGN SETTINGS</h2>
            <div className="space-y-3">
              <select className="w-full border rounded-xl p-3">
                <option>Modern Financial Times Style</option>
                <option>Bloomberg Editorial Style</option>
                <option>Luxury Vogue Magazine Style</option>
                <option>Vintage 1920s Newspaper</option>
                <option>Breaking News TV Editorial</option>
                <option>Minimal Scandinavian Magazine</option>
                <option>Cyberpunk Future Magazine</option>
                <option>Classic Tabloid Design</option>
                <option>Political Campaign Newspaper</option>
                <option>Luxury Corporate Annual Report</option>
              </select>

              <select className="w-full border rounded-xl p-3">
                <option>English</option>
                <option>French</option>
                <option>Spanish</option>
                <option>Arabic</option>
                <option>Chinese</option>
              </select>

              <select className="w-full border rounded-xl p-3">
                <option>A4 Magazine Layout</option>
                <option>Broadsheet Newspaper</option>
                <option>Tabloid Newspaper</option>
                <option>Instagram Carousel</option>
                <option>Mobile Story Format</option>
                <option>Website Landing Page</option>
              </select>

              <textarea className="w-full border rounded-xl p-3" rows="8" defaultValue={`MASTER PROMPT TEMPLATE:

Create a world-class newspaper or magazine front cover for [BRAND NAME].

Publication Type: [PUBLICATION TYPE]
Publishing Model: [PUBLISHING MODEL]
Target Audience: [TARGET AUDIENCE]
Country/City: [LOCATION]
Tone: Professional, authoritative, modern, persuasive.

Generate:
- Large headline
- Subheadline
- Cover story
- Secondary stories
- Pull quotes
- Statistics
- Product spotlight
- Sponsored advertorial section
- Founder interview teaser
- QR code placement suggestion
- Social media CTA
- Contact information section
- Footer publication details
- Folio with date and edition number

Design Requirements:
- Multi-column newspaper layout
- Authentic editorial typography
- Premium spacing and hierarchy
- Viral social-media ready appearance
- Professional luxury publication quality
- Realistic magazine cover structure
- Brand promotion optimized
- Conversion-focused storytelling
- Native advertising structure

Include sections for:
- Brand name
- Product name
- Contact details
- Website
- Email
- Social media handles
- Promotional offer
- Customer testimonials
- Market statistics
- Breaking-news style hooks

Output should be HTML + CSS ready for publishing.`}></textarea>
            </div>
          </section>
        </div>

        <div className="mt-10 bg-black text-white rounded-3xl p-8">
          <h2 className="text-4xl font-black mb-6">AI NEWSPAPER COVER SAMPLE</h2>

          <div className="bg-white text-black rounded-2xl p-6 border-8 border-black">
            <div className="text-center border-b-4 border-black pb-4 mb-4">
              <h1 className="text-6xl font-black tracking-widest">THE GLOBAL BUSINESS TIMES</h1>
              <p className="uppercase tracking-[0.4em] mt-2">Special AI Marketing Edition</p>
            </div>

            <div className="grid grid-cols-3 gap-4">
              <div className="col-span-2">
                <h2 className="text-5xl font-black leading-tight">
                  Local Startup Disrupts Global AI Publishing Industry
                </h2>
                <p className="mt-4 text-lg">
                  Revolutionary newspaper and magazine generator transforms brand promotion, viral marketing, and AI advertorial publishing.
                </p>

                <div className="grid grid-cols-2 gap-4 mt-6 text-sm">
                  <div className="border-t pt-3">
                    <h3 className="font-black text-xl">Inside This Edition</h3>
                    <ul className="list-disc pl-5 mt-2 space-y-1">
                      <li>100 Publication Styles</li>
                      <li>80 Publishing Models</li>
                      <li>Luxury Editorial Templates</li>
                      <li>AI Brand Promotion Systems</li>
                    </ul>
                  </div>

                  <div className="border-t pt-3">
                    <h3 className="font-black text-xl">Sponsored Feature</h3>
                    <p>
                      New AI publishing platform helps businesses create viral newspaper-style advertising campaigns online and offline.
                    </p>
                  </div>
                </div>
              </div>

              <div className="border-l pl-4">
                <div className="border p-4 rounded-xl">
                  <h3 className="font-black text-2xl">ADVERTISEMENT</h3>
                  <p className="mt-3 text-sm">
                    Launch your brand with world-class AI-generated newspapers and magazines.
                  </p>
                  <button className="mt-4 w-full bg-black text-white py-3 rounded-xl font-bold">
                    CONTACT NOW
                  </button>
                </div>
              </div>
            </div>
          </div>
        </div>

        <div className="mt-10 text-center">
          <button className="bg-black text-white px-10 py-5 rounded-2xl text-xl font-black shadow-xl hover:scale-105 transition-transform">
            GENERATE WORLD-CLASS PROMPT
          </button>
        </div>
      </div>
    </div>
  );
}